<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>后台管理-用户管理</title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="/resources/src/css/admin/main.css" />
		<link rel="stylesheet" href="/resources/src/css/admin/user-manage.css" />
    </head>
    <body>
		<article class="main">
			<div class="main-wrapper">
				<section class="content">
					<div class="container">
						<div class="con-header">
							<jsp:include page="../common/folderbar.jsp" />
						</div>
						<div class="con-body">
							<div class="toolbar clearfix">
								<div class="toolbar-left pull-left">
									<a href="#" id="create" class="pull-left">新建</a>
									<a href="#" id="checkout" class="pull-right">导出</a>
								</div>
								<div class="toolbar-right pull-right text-right">
									<div class="input-icon pull-left">
										<input type="text" id="search" placeholder="输入用户名/手机/邮箱查询"/>
										<i class="iconfont icon-sousuo" id="search-btn"></i>
									</div>
									<div class="input-icon marleft pull-left">
										<!--<label for="date">创建时间：</label>-->
										<label for="date" class="iconfont icon-rili"></label>
										<span>创建时间：<span>
										<input type="text" id="date" placeholder="2017-12-11 14:12:13 - 2017-12-11 14:12:13"/>
										<a class="btn btn-block">查询</a>
									</div>
								</div>
							</div>
							<div class="user-table table-responsive">
								<table class="table">
									<thead>
										<tr>
											<th>用户名</th>
											<th data-toggle="joDropdown">
												用户类型<i class="iconfont icon-caidanshaixuan"></i>
												<ul data-toggle="joMenu">
													<li><a href="">全部</a></li>
													<li><a href="">机构</a></li>
													<li><a href="">投资人</a></li>
													<li><a href="">管理员</a></li>
												</ul>	
											</th>
											<th>邮箱</th>
											<th>手机</th>
											<th>创建时间<i id="create-time" class="iconfont icon-paixu" data-order="0"></i></th>
											<th>最后登录时间<i id="login-time" class="iconfont icon-paixu" data-order="0"></i></th>
											<th>二维码</th>
											<th data-toggle="joDropdown">
												绑定状态<i class="iconfont icon-caidanshaixuan"></i>
												<ul data-toggle="joMenu">
													<li><a href="">全部</a></li>
													<li><a href="">已绑定</a></li>
													<li><a href="">未绑定</a></li>
												</ul>
											</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr data-userId="255">
											<td>胡端彪</td>
											<td>机构账号</td>
											<td>123@qq.com</td>
											<td>13226547878</td>
											<td>2017年5月11日 14:22:23</td>
											<td>2017年5月11日 14:22:23</td>
											<td>
												<a data-btn="viewPic" data-src="/resources/src/images/qrcode.png">查看</a>
											</td>
											<td><a data-btn="unbind">解绑</a></td>
											<td>
												<a href="#">修改</a><a href="#">锁定</a><a data-btn="reset-password">重置密码</a>
											</td>
										</tr>
									</tbody>
								</table>		
							</div>
						</div>
						<div class="con-footer text-center">
							<div class="pagination clearfix">
								<span class="pull-left">共有12条记录，第1页，共有2页</span>
								<a href="#" class="first pull-left">首页</a>
								<a href="#" class="prev pull-left">上一页</a>
								<a href="#" class="next pull-left">下一页</a>
								<a href="#" class="last pull-left">末页</a>
								<input type="text" class="pull-left" id="page" placeholder="1"/>
								<a href="#" id="go-page" class="pull-left">确定</a>
							</div>
						</div>
					</div>
				</section>
			</div>
		</article>
		
		<!-- 查看二维码模态框 -->
		<div class="joModal viewPic-modal" id="qrcode-modal" data-liffect="fadeIn">
			<div class="joModal-dialog">
				<div class="joModal-content" data-liffect="slideTop">
					<div class="joModal-header joClose" data-modal="close" >
						<i class="iconfont icon-cuowu"></i>
					</div>
					<div class="joModal-body">
						<img id="qrcode" src="/resources/src/images/qrcode.png" width="205" height="205" alt="二维码" />
						<p>右键另存为，保存二维码</p>
					</div>
				</div>
			</div>	
		</div>
		
		<!-- 解绑模态框 -->
		<div class="joModal" id="unbind-modal" data-liffect="fadeIn">
			<div class="joModal-dialog">
				<div class="joModal-content" data-liffect="slideTop">
					<div class="joModal-body">
						<p class="text-tip">是否把该账号与其微信号解除绑定？</p>
					</div>
					<div class="joModal-footer clearfix">
						<a class="pull-left cancel modal-btn" data-modal="close" >取消</a>
						<a class="pull-left confirm modal-btn">确定</a>
					</div>
				</div>
			</div>	
		</div>
		
		<!-- 密码重置模态框 -->
		<div class="joModal" id="reset-modal" data-liffect="fadeIn">
			<div class="joModal-dialog">
				<div class="joModal-content" data-liffect="slideTop">
					<div class="joModal-body">
						<p class="text-tip">是否重置该账号密码为123456？</p>
					</div>
					<div class="joModal-footer clearfix">
						<a class="pull-left cancel modal-btn" data-modal="close" >取消</a>
						<a class="pull-left confirm modal-btn">确定</a>
					</div>
				</div>
			</div>	
		</div>
		
		<script src="/resources/src/js/jquery-2.1.4.js"></script>
		<script src="/resources/src/js/bootstrap.min.js"></script>
		<script src="/resources/src/js/jquery.nicescroll.js"></script>
		<script src="/resources/src/js/admin/main.js"></script>
		<script src="/resources/src/js/moment.min.js"></script>
		<script src="/resources/src/js/daterangepicker.js"></script>
		<script src="/resources/src/js/admin/userManage.js"></script>
		
 	</body>
</html>